<template>
  <div class="category">
    <h2>游戏分类</h2>
    <slot :gname="gameArr"></slot>

  </div>
</template>

<script>
export default {
  name: 'Game',
  data() {
    return {
      gameArr: ['英雄联盟手游', '劲舞团', '红色警戒', '和平精英', 'QQ飞车'],
    }
  },
}
</script>

<style scoped>
.category {
  background-color: skyblue;
  width: 300px;
  height: 300px;
}
h2 {
  background-color: orange;
  text-align: center;
}
h4 {
  padding-left: 20px;
}
</style>